<template>
  <div>
    <!-- 
      改成 @update:visible
     -->
    <!-- <BaseDialog :visible="isShow" @update:visible="isShow = $event"></BaseDialog> -->
    <!-- <BaseDialog @close="isShow=$event" :show='isShow'></BaseDialog> -->
    <BaseDialog :show.sync='isShow'></BaseDialog>

    <!-- 
      如果想要使要sync 实现数据双向处理 
      <BaseDialog :show.sync='isShow'></BaseDialog>
      <button @click="$emit('update:show',false)">关闭</button>
      
      父组件
      1 父传递子 属性  必须带上 :xxx.sync="isShow"
      2 父在子组件 监听的事件  @update:xxx 

      子组件
      1 接收属性 xxx 
      2 触发自定义事件  $emit("update:xxx",参数)
     -->

    <!-- 
      v-model  和  sync 修饰符功能重叠 
      1 v-model 定死了属性名称  value！！  只能用一次 
      2 sync 没有限定属性名称 使用无数次
      -->
  </div>
</template>

<script>
import BaseDialog from "@/components/BaseDialog.vue";
export default {
  components: { BaseDialog },
  data() {
    return {
      isShow: false,
    };
  },
};
</script>

<style>
</style>